[radius-c], .radius-c {
    border-radius: 50%;
}

@for $i from 0 through 30 {
    [radius-#{$i}], .radius-#{$i} {
        border-radius: #{$i}px;
    }

    [radius-l-#{$i}], .radius-l-#{$i} {
        border-top-left-radius: #{$i}px;
        border-bottom-left-radius: #{$i}px;
    }

    [radius-r-#{$i}], .radius-r-#{$i} {
        border-top-right-radius: #{$i}px;
        border-bottom-right-radius: #{$i}px;
    }

    [radius-t-#{$i}], .radius-t-#{$i} {
        border-top-left-radius: #{$i}px;
        border-top-right-radius: #{$i}px;
    }

    [radius-b-#{$i}], .radius-b-#{$i} {
        border-bottom-left-radius: #{$i}px;
        border-bottom-right-radius: #{$i}px;
    }

    [radius-t-l-#{$i}], .radius-t-l-#{$i} {
        border-top-left-radius: #{$i}px;
    }

    [radius-t-r-#{$i}], .radius-t-r-#{$i} {
        border-top-right-radius: #{$i}px;
    }


    [radius-b-l-#{$i}], .radius-b-l-#{$i} {
        border-bottom-left-radius: #{$i}px;
    }

    [radius-b-r-#{$i}], .radius-b-r-#{$i} {
        border-bottom-right-radius: #{$i}px;
    }
}